<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>安评项目备案</title>
	<script src="../../js/header.js"></script>
    <style type="text/css">
        html, body, #app {
            padding: 0px;
            margin: 0px;
        }
        #app{
        	border-top: 3px solid #0D9AFF;
            padding: 25px;
        }
		.tab-title{
			font-size: 16px;
			font-weight: bold;
			border-left: 4px solid #0D9AFF;
			font-family: PingFangSC-Medium;
			padding-left:10px;
			margin-bottom: 20px;
		}
		.pagination{
			text-align: center;
			margin-top: 30px;
		}
		.el-dialog__footer {
			padding: 10px 20px 20px;
			text-align: center;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
		}
		.el-dialog__body {
			color: rgb(96, 98, 102);
			font-size: 14px;
			word-break: break-all;
			padding: 0px 20px;
		}
		.el-input__inner {
		    -webkit-appearance: none;
		    background-color: #FFF;
		    background-image: none;
		    border-radius: 4px;
		    border: 1px solid #DCDFE6;
		    -webkit-box-sizing: border-box;
		    box-sizing: border-box;
		    color: #606266;
		    display: inline-block;
		    font-size: inherit;
		    height: 30px;
		    line-height: 30px;
		    outline: 0;
		    padding: 0 15px;
		    -webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1);
		    transition: border-color .2s cubic-bezier(.645,.045,.355,1);
		    width: 100%;
		}
		/*//拟制公告*/
        .companycredit_gonggao .el-form-item__content{
			margin-left: 0!important;
		}
		.companycredit_publicstate .el-select{
			width: auto;
		}

		/* 拟制公告---封装样式 */
		.content_tab{
			padding: 20px 0;
		}
		.border_btm{
			border-bottom: 1px solid #ddd;
		}
		.border_right{
			border-right: 1px solid #ddd;
		}				
    </style>
</head>

<body>
<div v-cloak id="app">
	<div style="margin-top: 10px; border-bottom:1px solid rgba(200,200,200,0.43);;">
		<el-form :model="selectForm"  ref="selectForm" label-width="150px">
		  	<el-row>
				<el-col :span="6">
					<el-form-item label="项目名称:" prop="recordProjectName" label-width="100px">
					   	<el-input v-model="selectForm.recordProjectName" style="width: 250px;" placeholder="" ></el-input>
					</el-form-item>
				</el-col>
				<el-col span="6">
				   	<el-form-item label="建设单位名称:" prop="recordUnitName" label-width="110px">
                        <el-input v-model="selectForm.recordUnitName" style="width: 280px;"
                                  placeholder=""></el-input>
                    </el-form-item>
				</el-col>
				<el-col span="12">
					<el-form-item label="备案申请时间:" label-width="160px">
						<el-row>
							<el-col span="6" style="width: 180px;">
								<el-form-item prop="startDate">
									<el-date-picker type="date" placeholder="选择日期" v-model="selectForm.startDate"
													value-format="yyyy-MM-dd" style="width: 180px;">
									</el-date-picker>
								</el-form-item>
							</el-col>
							<el-col span="1" style="color: rgb(192, 204, 218);text-align: center;">
								<span>—</span>
							</el-col>
							<el-col span="5">
								<el-form-item prop="endDate">
									<el-date-picker type="date" placeholder="选择日期" v-model="selectForm.endDate"
													value-format="yyyy-MM-dd" style="width: 180px;">
									</el-date-picker>
								</el-form-item>
							</el-col>
						</el-row>
					</el-form-item>
				</el-col>
	 		</el-row>

		  	<el-row>
			  	<el-col :span="6">
				  	<el-form-item label="审定状态:" style="width: 330px;" prop="status" label-width="100px">				    	
				    	<el-select  v-model="selectForm.status" placeholder="请选择" style="width: 250px;">
							<el-option label="未提交" value="0"></el-option>
							<el-option label="已提交待审定" value="1"></el-option>
							<el-option label="审定未通过" value="2"></el-option>
							<el-option label="审定已通过" value="3"></el-option>
						</el-select>
				  	</el-form-item>
			  	</el-col>
			  	<el-col :span="5">
				  	<el-form-item label="工程类别:"  prop="recordProjectType" label-width="110px">
						<el-form-item prop="projectType">
							<el-select  v-model="selectForm.recordProjectType" placeholder="请选择" @change="syChangeValue" style="width: 180px;">
								<el-option label="涉核设施" value="0"></el-option>
								<el-option label="国家水电工程" value="1"></el-option>
								<el-option label="特殊设防类工程" value="2"></el-option>
								<el-option label="严重次生灾害工程" value="3"></el-option>
								<el-option label="省级重大建设工程" value="4"></el-option>
								<el-option label="重要基础设施" value="5"></el-option>
								<el-option label="其他" value="6"></el-option>
							</el-select>						
						</el-form-item>
				  	</el-form-item>
			  	</el-col>
				<el-col :span="5">
					<el-form-item label="上报状态:" style="" label-width="100px" prop="reportStatus">
						<el-select v-model="selectForm.reportStatus" placeholder="请选择" style="width: 180px;">
							<el-option label="未上报" value="0"></el-option>
							<el-option label="已上报" value="1"></el-option>
						</el-select>
					</el-form-item>
				</el-col>
				<el-col :span="5">
					<el-form-item label="备案人员:" prop="recordUser" label-width="110px">
						<el-input v-model="selectForm.recordUser" style="width: 180px;" placeholder=""></el-input>
				  	</el-form-item>
                </el-col>
			  	<div style="float: right;">
			  		<!--<el-button type="primary" size="small" style="width: 60px;height: 30px;" @click="apply">新增</el-button>-->
			  		<el-button type="primary" size="small" style="width: 60px;height: 30px;" @click="searchForm('selectForm')">查询</el-button>
			  		<el-button type="warning" size="small" style="width: 60px;height: 30px;" @click="resetForm('selectForm')">重置</el-button>
			  	</div>
			  	
		  	</el-row>
		</el-form>
 	</div>

	  <el-table :data="recordProject" border style="width: 100%;margin-top: 35px;" :header-cell-style="{background:'#eef1f6',color:'#606266'}">
		<!--<el-table-column type="selection" ></el-table-column>-->
		<el-table-column
			:resizable="false"
			type="index"
		    label="序号"
		    width="60" align="center" >
		</el-table-column>
	     <el-table-column				    
	       prop="recordProjectName"
	       label="项目名称"
	       width="250"
		   :show-overflow-tooltip="true"
		   align="center">
	     </el-table-column>
	     <el-table-column
            prop="recordUnitName"
            label="建设单位名称"
            width="180"
            align="center">
        </el-table-column>
         <el-table-column
            prop="recordProjectUnitname"
            label="承担单位名称"
            width="180"
            align="center">
        </el-table-column>
	     <el-table-column
	       prop="recordProjectType"
	       label="工程类别"
		   width="140"
	       align="center">
			 <template scope="scope">
				 <span v-if="scope.row.recordProjectType=='0'">涉核设施</span>
				 <span v-if="scope.row.recordProjectType=='1'">国家水电工程</span>
				 <span v-if="scope.row.recordProjectType=='2'">特殊设防类工程</span>
				 <span v-if="scope.row.recordProjectType=='3'">严重次生灾害工程</span>
				 <span v-if="scope.row.recordProjectType=='4'">省级重大建设工程</span>
				 <span v-if="scope.row.recordProjectType=='5'">重要基础设施</span>
				 <span v-if="scope.row.recordProjectType=='6'">其他</span>
			 </template>
	     </el-table-column>
	     <el-table-column
		   prop="status"
		   label="审定状态"
		   width="120"
		   align="center">
		   	<template scope="scope">
	            <span v-if="scope.row.status==0" style="color:#F19437;">未提交</span>
	            <span v-if="scope.row.status==1" style="color:#20A0FF;">已提交待审定</span>
	            <span v-if="scope.row.status==2" style="color:#FF4949;">审定未通过</span>
	            <span v-if="scope.row.status==3" style="color:#67C23A;">审定已通过</span>
        	</template>
		 </el-table-column>
		  <el-table-column
				  prop="status"
				  label="上报状态"
				  width="100"
				  align="center">
			  <template scope="scope">
				  <span v-if="scope.row.reportStatus==0" style="color:#F19437;">未上报</span>
				  <span v-if="scope.row.reportStatus==1" style="color:#67C23A;">已上报</span>
			  </template>
		  </el-table-column>
	     <el-table-column
	       prop="recordUser"
	       label="备案人员"
		   width="120"
	        align="center">
	     </el-table-column>
	     <el-table-column
	       prop="recordLevel"
	       label="备案级别"
		  width="100"
	       align="center">
	       <template scope="scope">
                <span v-if="scope.row.recordLevel=='0'" style="">地市级</span>
                <span v-if="scope.row.recordLevel==1" style="">省级</span>
                <span v-if="scope.row.recordLevel==2" style="">国家级</span>
            </template>
	     </el-table-column>
		 
	     <el-table-column				   
	       label="操作"
		   width=""
	       align="center">
	       <template slot-scope="scope">
			   <!--都可以查看-->
			   <el-button type="" size="mini" @click="view(scope.$index,scope.row);viewdialogForm = true">查看
			   </el-button>

			   <span v-if="orgName !='建设单位'">
				   <!--若审定状态为1：已上报待审定，按钮可用； 若上报状态为非1：按钮禁用-->
				   <el-button v-if="scope.row.status==1" type="success" size="mini"
							  @click="check(scope.$index,scope.row);">审定
				   </el-button>
				   <el-button v-if="scope.row.status!=1" type="success" size="mini" disabled>审定</el-button>
				   <!--若 未上报和审定通过,按钮可用； 若 上报状态为1：已上报或审定不为通过时，按钮禁用-->
				   <el-button v-if="scope.row.status=='3'&& scope.row.reportStatus=='0'" type="warning" size="mini"
							  @click="report(scope.$index,scope.row);">上报
				   </el-button>
				   <el-button v-if="scope.row.status!='3'|| scope.row.reportStatus=='1'" type="warning" size="mini"
							  disabled>上报
				   </el-button>
			   </span>
	       </template>
	     </el-table-column>
	   </el-table>
	   <div style="overflow: hidden;">
			<div class="pagination">
				<el-pagination
					 @size-change="handleSizeChange"
					 @current-change="handleCurrentChange"
					 :current-page="currentPage"
					 :page-sizes="[10, 20, 30, 40]"
					 :page-size="pagesize"
					   background
					 layout="total, sizes,prev, pager, next"
					 :total="tableTotal"
					 prev-text="上一页"
					 next-text="下一页">
				</el-pagination>
			</div>
		</div>
		<!--查看详情弹窗-->
		<el-dialog title="" :visible.sync="viewdialogForm" center fullscreen>
	        <div style="margin-top: 0px;">
				<el-form :model="viewrecordProject" :rules="rules" ref="viewrecordProject" label-width="140px">
					<!--建设工程情况-->
					<el-row>
						<el-col :span="4" class="tab-title">
							建设工程情况
						</el-col>	
					</el-row>
				  	<el-row>
				  		<el-col :span="7">
							<el-form-item label="项目名称:" prop="recordProjectName" label-width="120px">
							   	<el-input v-model="viewrecordProject.recordProjectName" placeholder="" disabled></el-input>
							</el-form-item>
						</el-col>
						<el-col :span="17">
							<el-form-item label="项目场址:" prop="recordProjectAddress" label-width="110px">
								<span v-for="(item,index) in viewrecordProject.address">
									<el-col :span="4">
										<el-form-item :prop="'address.'+index+'.provinceValue'" :rules="rules.provinceValue">
											<el-select v-model="item.provinceValue" placeholder="请选择省" @change="chooseProvince(item)" style="">
												<el-option
														v-for="items in item.provinceData"
														:key="items.code"
														:label="items.name"
														:value="items.name">
												</el-option>
											</el-select>
										</el-form-item>
									</el-col>
									<el-col span="0.5" style="color: rgb(192, 204, 218);text-align: center;">
										<span>—</span>
									</el-col>
									<el-col :span="4">
										<el-form-item :prop="'address.'+index+'.cityValue'" :rules="rules.cityValue">
											<el-select v-model="item.cityValue" placeholder="请选择市" @change="chooseCity(item)" style="">
												<el-option
														v-for="items in item.cityData"
														:key="items.code"
														:label="items.name"
														:value="items.name">
												</el-option>
											</el-select>
										</el-form-item>
									</el-col>
									<el-col span="0.5" style="color: rgb(192, 204, 218);text-align: center;">
										<span>—</span>
									</el-col>
									<el-col :span="4">
										<el-form-item :prop="'address.'+index+'.areaValue'" :rules="rules.areaValue">
											<el-select v-model="item.areaValue" placeholder="请选择区、县" @change="chooseArea(item)" style="">
												<el-option
														v-for="items in item.areaData"
														:key="items.code"
														:label="items.name"
														:value="items.name">
												</el-option>
											</el-select>
										</el-form-item>
							       </el-col>
									<el-col span="0.5" style="color: rgb(192, 204, 218);text-align: center;">
	                                      <span>—</span>
	                                </el-col>
									<el-col :span="7">
										<el-form-item>
											<el-input v-model="item.detailAddress" placeholder="填写详细地址" ></el-input>
										</el-form-item>
							       </el-col>
								    <el-button v-if="index=='0'" size="mini" @click="addAddress()" icon="el-icon-circle-plus-outline" style="margin-left: 8px;" disabled>跨省</el-button>
								    <el-button v-if="index!='0'" size="mini" @click="delAddress(index,item)" icon="el-icon-delete" style="margin-left: 8px;" disabled>删除</el-button>
								</span>
							</el-form-item>
						</el-col>
					</el-row>
					<el-row>
						<el-col :span="7">
							<el-form-item label="工程类别:" prop="recordProjectType" label-width="120px">
								<el-form-item prop="projectType">
									<el-select  v-model="viewrecordProject.recordProjectType" style="width: 325px"placeholder="请选择" @change="syChangeValue" disabled>
										<el-option label="涉核设施" value="0"></el-option>
										<el-option label="国家水电工程" value="1"></el-option>
										<el-option label="特殊设防类工程" value="2"></el-option>
										<el-option label="严重次生灾害工程" value="3"></el-option>
										<el-option label="省级重大建设工程" value="4"></el-option>
										<el-option label="重要基础设施" value="5"></el-option>
										<el-option label="其他" value="6"></el-option>
									</el-select>
								</el-form-item>
							</el-form-item>
						</el-col>
					</el-row>
				  	<!--建设单位信息-->
					<el-row>
						<el-col :span="4" class="tab-title">
							建设单位信息
						</el-col>	
					</el-row>
				  	<el-row>
				  		<el-col :span="12">
							<el-form-item label="单位名称:" prop="recordUnitName" label-width="120px">
							   	<el-input v-model="viewrecordProject.recordUnitName" placeholder="" disabled></el-input>
							</el-form-item>
						</el-col>
						<el-col :span="6">
							<el-form-item label="联系人:" prop="recordUnitUser" label-width="110px">
							   	<el-input v-model="viewrecordProject.recordUnitUser" placeholder="" disabled></el-input>
							</el-form-item>
						</el-col>
				  		<el-col span="5">
						   	<el-form-item label="电话" prop="recordUnitPhone" label-width="110px">
						   		<el-input v-model="viewrecordProject.recordUnitPhone" placeholder="" disabled></el-input>
						  	</el-form-item>
						</el-col>
			 		</el-row>
				  	<el-row>
					  	<el-col :span="18">
						  	<el-form-item label="营业执照号码或三证合一证照号码:" prop="recordUnitCode" label-width="240px">				    	
						    	<el-input v-model="viewrecordProject.recordUnitCode" placeholder="" disabled></el-input>
							    </el-date-picker>
						  	</el-form-item>
					  	</el-col>
					  	<el-col :span="5">
						  	<el-form-item label="法人:" prop="recordUnitLegal" label-width="110px">
								<el-input v-model="viewrecordProject.recordUnitLegal" placeholder="" disabled></el-input>
						  	</el-form-item>
					  	</el-col>
					</el-row>
					<el-row>
						<el-col :span="18">
							<el-form-item label="单位地址:" prop="recordUnitLocation" label-width="120px">
								<el-input v-model="viewrecordProject.recordUnitLocation" disabled></el-input>
							</el-form-item>
						</el-col>
					</el-row>
					<!--安评项目情况-->
					<el-row>
						<el-col :span="4" class="tab-title">
							安评项目情况
						</el-col>
					</el-row>
					<el-row>
						<el-col :span="8">
							<el-form-item label="承担单位名称:" prop="recordProjectUnitname" label-width="110px">
								<el-input v-model="viewrecordProject.recordProjectUnitname" placeholder="" disabled></el-input>
							</el-form-item>
						</el-col>
						<el-col :span="8">
							<el-form-item label="委托合同额:" prop="recordProjectContractAmount" label-width="150px">
								<el-input v-model="viewrecordProject.recordProjectContractAmount" placeholder="" disabled style="width:170px"></el-input> 万元
							</el-form-item>
						</el-col>
						<el-col :span="8">
							<el-form-item label="联系人:" prop="recordProjectUser" label-width="180px">
								<el-input v-model="viewrecordProject.recordProjectUser" placeholder="" disabled></el-input>
							</el-form-item>
						</el-col>

					</el-row>
					<el-row>
						<el-col span="8">
							<el-form-item label="电话:" prop="recordProjectPhone" label-width="110px">
								<el-input v-model="viewrecordProject.recordProjectPhone" placeholder="" disabled></el-input>
							</el-form-item>
						</el-col>
						<el-col span="8">
							<el-form-item label="承担单位法人:" prop="recordProjectLegal" label-width="150px">
								<el-input v-model="viewrecordProject.recordProjectLegal" placeholder="" disabled></el-input>
							</el-form-item>
						</el-col>
						<el-col span="8">
							<el-form-item label="承担单位技术负责人:" prop="recordProjectDirector" label-width="180px">
								<el-input v-model="viewrecordProject.recordProjectDirector" placeholder="" disabled></el-input>
							</el-form-item>
						</el-col>
					</el-row>
					<el-row>
						<el-col :span="8">
							<el-form-item label="安评工作开始时间:" prop="apStartTime" label-width="130px">
								<el-date-picker type="date" v-model="viewrecordProject.apStartTime"placeholder="选择日期" value-format="yyyy-MM-dd" disabled></el-date-picker>
							</el-form-item>
						</el-col>
						<el-col :span="8">
							<el-form-item label="安评工作结束时间:" prop="apEndTime" label-width="150px">
								<el-date-picker type="date" v-model="viewrecordProject.apEndTime" placeholder="选择日期" value-format="yyyy-MM-dd" disabled></el-date-picker>
							</el-form-item>
						</el-col>
						<el-col :span="8">
							<el-form-item label="审定单位名称:" prop="recordProjectCheckunit" label-width="180px">
								<el-input v-model="viewrecordProject.recordProjectCheckunit" placeholder="" disabled></el-input>
							</el-form-item>
						</el-col>
					</el-row>
					<el-row>
						<el-col :span="8">
							<el-form-item label="审定完成时间:" prop="recordProjectCheckTime" label-width="120px">
								<el-date-picker type="date" placeholder="选择日期" v-model="viewrecordProject.recordProjectCheckTime" value-format="yyyy-MM-dd" disabled>
								</el-date-picker>
							</el-form-item>
						</el-col>
						<el-col :span="8">
							<el-form-item label="审定部门意见:" prop="recordProjectView" label-width="150px">
								<el-select  v-model="viewrecordProject.recordProjectView" placeholder="请选择" style="width: 180px;" disabled>
									<el-option label="同意" value="1"></el-option>
									<el-option label="不同意" value="0"></el-option>
								</el-select>
							</el-form-item>
						</el-col>
						<el-col :span="8">
							<el-form-item label="备案级别:" prop="recordLevel" label-width="180px">
								<el-select v-model="viewrecordProject.recordLevel" placeholder="请选择备案级别" disabled>
									<el-option label="地市级" value="0"></el-option>
									<el-option label="省级" value="1"></el-option>
									<el-option label="国家级" value="2"></el-option>
								</el-select>
							</el-form-item>
						</el-col>
					</el-row>
					<el-row>
						<el-col :span="24">
							<el-form-item label="附件:" label-width="120px">
								<iframe width="100%" style="height: 200px;border: none;"   :src="link"></iframe>
							</el-form-item>
						</el-col>
					</el-row>
					<!--项目备案信息-->
					<el-row>
						<el-col :span="4" class="tab-title">
							项目备案信息
						</el-col>	
					</el-row>
				  	<el-row>
				  		<el-col :span="6">
							<el-form-item label="备案时间:" prop="recordTime"  label-width="110px">
							   	<el-date-picker
							   		disabled
							      	v-model="viewrecordProject.recordTime"
							      	type="date"
							      	placeholder="">
							    </el-date-picker>
							</el-form-item>
						</el-col>
						<el-col :span="6">
							<el-form-item label="备案人员:" prop="recordUser" label-width="110px">
							   	<el-input v-model="viewrecordProject.recordUser"  placeholder="" disabled></el-input>
							</el-form-item>
						</el-col>
					  	<el-col :span="6">
						  	<el-form-item label="备案部门:" prop="recordOrg" label-width="110px">
							   	<el-input v-model="viewrecordProject.recordOrg"  placeholder="" disabled></el-input>
							</el-form-item>
					  	</el-col>
				  	</el-row>
				  	<el-row>
				  		<el-col :span="24">
							<el-form-item label="备注:" prop="recordRemark" label-width="110px">
							   	<el-input
							   		disabled
								  type="textarea"
								  :autosize="{ minRows: 8, maxRows: 8}"
								  placeholder=""
									maxlength="500"
									show-word-limit
								  v-model="viewrecordProject.recordRemark">
								</el-input>
							</el-form-item>
						</el-col>
			 		</el-row>
					<!--审定信息-->
					<!--审定信息：审定状态为2：审定未过 、3：审定通过 时展示审定信息-->
					<div v-if="viewrecordProject.status==2 || viewrecordProject.status==3">
						<el-row>
							<el-col :span="4" class="tab-title">
								审定信息
							</el-col>
						</el-row>
						<el-row>
							<el-col :span="6">
								<el-form-item label="审定人员:" prop="checkUser" label-width="110px">
									<el-input v-model="viewrecordProject.checkUser" placeholder="" disabled></el-input>
								</el-form-item>
							</el-col>
							<el-col :span="6">
								<el-form-item label="审定人员机构:" prop="checkUserOrg">
									<el-input v-model="viewrecordProject.checkUserOrg" placeholder="" disabled></el-input>
								</el-form-item>
							</el-col>
							<el-col :span="6">
								<el-form-item label="审定结果:" prop="checkResult" label-width="110px">
									<el-select  v-model="viewrecordProject.checkResult" placeholder="请选择" disabled>
										<el-option label="同意" value="1"></el-option>
										<el-option label="不同意" value="2"></el-option>
									</el-select>
								</el-form-item>
							</el-col>
						</el-row>
						<el-row>
							<el-col :span="24">
								<el-form-item label="审定意见:" prop="checkView" label-width="110px">
									<el-input
										disabled
									  type="textarea"
									  :autosize="{ minRows: 8, maxRows: 8}"
									  placeholder="请输入内容"
										maxlength="500"
										show-word-limit
									  v-model="viewrecordProject.checkView">
									</el-input>
								</el-form-item>
							</el-col>
						</el-row>
					</div>
			 		<el-row>
			 			<el-col :span="22">
					 		<div style="float:right;">
								<el-button type="info" size="small" style="width: 60px;height: 30px;" @click="viewdialogForm = false">关闭</el-button>
							</div>
						</el-col>
					</el-row>
				</el-form>
		 	</div>
	    </el-dialog>
    	<!--编辑修改-->
		<el-dialog title="" :visible.sync="editdialogForm" center fullscreen>
	        <div style="margin-top: 0px;">
				<el-form :model="editrecordProject" :rules="rules" ref="editrecordProject" label-width="140px">
					<!--建设工程情况-->
					<el-row>
						<el-col :span="4" class="tab-title">
							建设工程情况
						</el-col>	
					</el-row>
				  	<el-row>
				  		<el-col :span="9">
							<el-form-item label="项目名称:" prop="recordProjectName" label-width="110px">
							   	<el-input v-model="editrecordProject.recordProjectName" placeholder="" ></el-input>
							</el-form-item>
						</el-col>
						<el-col :span="9">
							<el-form-item label="项目场址:" prop="recordProjectAddress" label-width="110px">
								<el-select v-model="editprovinceValue" placeholder="请选择省" @change="editchooseProvince" style="width: 150px;">
									<el-option	
							    		v-for="item in provinceData"
							    		:key="item.code"
							    		:label="item.name"
							    		:value="item.name">
									</el-option>
								</el-select>
								<span style="color: #C0CCDA;;">—</span>
								<el-select v-model="editcityValue" placeholder="请选择市" @change="editchooseCity" style="width: 150px;">
									<el-option	
							    		v-for="item in cityData"
							    		:key="item.code"
							    		:label="item.name"
							    		:value="item.name">
									</el-option>
								</el-select>
								<span style="color: #C0CCDA;;">—</span>
								<el-select v-model="editareaValue" @change="editchooseArea" placeholder="请选择区、县" style="width: 150px;">
							    	<el-option
								        v-for="item in areaData"
								        :key="item.code"
								        :label="item.name"
								        :value="item.name">
								    </el-option>
							    </el-select>
							</el-form-item>
						</el-col>
						<el-col :span="6">
							<el-form-item label="工程类别:" prop="recordProjectType" label-width="110px">
								<el-form-item prop="projectType">
									<el-select  v-model="editrecordProject.recordProjectType" placeholder="请选择" @change="syChangeValue" >
										<el-option label="涉核设施" value="0"></el-option>
										<el-option label="国家水电工程" value="1"></el-option>
										<el-option label="特殊设防类工程" value="2"></el-option>
										<el-option label="严重次生灾害工程" value="3"></el-option>
										<el-option label="省级重大建设工程" value="4"></el-option>
										<el-option label="重要基础设施" value="5"></el-option>
										<el-option label="其他" value="6"></el-option>
									</el-select>
								</el-form-item>
							</el-form-item>
						</el-col>
					</el-row>
				  	<!--建设单位信息-->
					<el-row>
						<el-col :span="4" class="tab-title">
							建设单位信息
						</el-col>	
					</el-row>
				  	<el-row>
				  		<el-col :span="12">
							<el-form-item label="单位名称:" prop="recordUnitName" label-width="90px">
							   	<el-input v-model="editrecordProject.recordUnitName" placeholder="" ></el-input>
							</el-form-item>
						</el-col>
						<el-col :span="6">
							<el-form-item label="联系人:" prop="recordUnitUser" label-width="110px">
							   	<el-input v-model="editrecordProject.recordUnitUser" placeholder="" ></el-input>
							</el-form-item>
						</el-col>
				  		<el-col span="5">
						   	<el-form-item label="电话" prop="recordUnitPhone" label-width="110px">
						   		<el-input v-model="editrecordProject.recordUnitPhone" placeholder="" ></el-input>
						  	</el-form-item>
						</el-col>
			 		</el-row>
				  	<el-row>
					  	<el-col :span="18">
						  	<el-form-item label="营业执照号码或三证合一证照号码:" prop="recordUnitCode" label-width="240px">				    	
						    	<el-input v-model="editrecordProject.recordUnitCode" placeholder="" ></el-input>
							    </el-date-picker>
						  	</el-form-item>
					  	</el-col>
					  	<el-col :span="5">
						  	<el-form-item label="法人:" prop="recordUnitLegal" label-width="110px">
								<el-input v-model="editrecordProject.recordUnitLegal" placeholder="" ></el-input>
						  	</el-form-item>
					  	</el-col>
					</el-row>
				  	<!--安评项目情况-->
					<el-row>
						<el-col :span="4" class="tab-title">
							安评项目情况
						</el-col>	
					</el-row>
				  	<el-row>
				  		<el-col :span="10">
							<el-form-item label="承担单位名称:" prop="recordProjectUnitname" label-width="110px">
							   	<el-input v-model="editrecordProject.recordProjectUnitname" placeholder="" ></el-input>
							</el-form-item>
						</el-col>
						<el-col :span="6">
							<el-form-item label="委托合同额:" prop="recordProjectContractAmount" label-width="170px">
							   	<el-input v-model="editrecordProject.recordProjectContractAmount" placeholder="" style="width:160px"></el-input> 万元
							</el-form-item>
						</el-col>
						<el-col :span="6">
							<el-form-item label="联系人:" prop="recordProjectUser" label-width="150px">
							   	<el-input v-model="editrecordProject.recordProjectUser" placeholder="" ></el-input>
							</el-form-item>
						</el-col>
				  		
				  	</el-row>
				  	<el-row>
				  		<el-col span="5">
						   	<el-form-item label="电话:" prop="recordProjectPhone" label-width="110px">
						   		<el-input v-model="editrecordProject.recordProjectPhone" placeholder="" ></el-input>
						  	</el-form-item>
						</el-col>
						<el-col span="5">
						   	<el-form-item label="承担单位法人:" prop="recordProjectLegal" label-width="150px">
						   		<el-input v-model="editrecordProject.recordProjectLegal" placeholder="" ></el-input>
						  	</el-form-item>
						</el-col>
						<el-col span="6">
						   	<el-form-item label="承担单位技术负责人:" prop="recordProjectDirector" label-width="180px">
						   		<el-input v-model="editrecordProject.recordProjectDirector" placeholder="" ></el-input>
						  	</el-form-item>
						</el-col>
						<el-col :span="6">
							<el-form-item label="审定单位名称:" prop="recordProjectCheckunit" label-width="150px">
							   	<el-input v-model="editrecordProject.recordProjectCheckunit" placeholder="" ></el-input>
							</el-form-item>
						</el-col>
						
						<el-col :span="5">
							<el-form-item label="审定完成时间:" prop="recordProjectCheckTime" label-width="110px">
								<el-date-picker type="date" placeholder="选择日期" v-model="editrecordProject.recordProjectCheckTime">
								</el-date-picker>
							</el-form-item>
						</el-col>
						<el-col :span="6">
							<el-form-item label="审定部门意见:" prop="recordProjectView" label-width="150px">
								<el-select  v-model="editrecordProject.recordProjectView" placeholder="请选择" style="width: 180px;">
									<el-option label="同意" value="1"></el-option>
									<el-option label="不同意" value="0"></el-option>
								</el-select>
							</el-form-item>
						</el-col>
						<el-col :span="6">
	                        <el-form-item label="备案级别:" prop="recordLevel" label-width="180px">
	                            <el-select v-model="editrecordProject.recordLevel" placeholder="请选择备案级别">
	                                <el-option label="地市级" value="0"></el-option>
	                                <el-option label="省级" value="1"></el-option>
	                                <el-option label="国家级" value="2"></el-option>
	                            </el-select>
	                        </el-form-item>
	                    </el-col>
			 		</el-row>
					<el-row>
						<el-col :span="24">
							<el-form-item label="附件:" label-width="110px">
								<iframe width="100%" style="height: 200px;border: none;"   :src="link"></iframe>
							</el-form-item>
						</el-col>
					</el-row>
					<!--项目备案信息-->
					<el-row>
						<el-col :span="4" class="tab-title">
							项目备案信息
						</el-col>	
					</el-row>
				  	<el-row>
				  		<el-col :span="6">
							<el-form-item label="备案时间:" prop="recordTime"  label-width="110px">
							   	<el-date-picker
							   		
							      	v-model="editrecordProject.recordTime"
							      	type="date"
							      	placeholder="">
							    </el-date-picker>
							</el-form-item>
						</el-col>
						<el-col :span="6">
							<el-form-item label="备案人员:" prop="recordUser" label-width="110px">
							   	<el-input v-model="editrecordProject.recordUser"  placeholder="" ></el-input>
							</el-form-item>
						</el-col>
					  	<el-col :span="6">
						  	<el-form-item label="备案部门:" prop="recordOrg" label-width="110px">
							   	<el-input v-model="editrecordProject.recordOrg"  placeholder="" ></el-input>
							</el-form-item>
					  	</el-col>
				  	</el-row>
				  	<el-row>
				  		<el-col :span="24">
							<el-form-item label="备注:" prop="recordRemark" label-width="110px">
							   	<el-input
								  type="textarea"
								  :autosize="{ minRows: 8, maxRows: 8}"
								  placeholder=""
								  maxlength="500"
								  show-word-limit
								  v-model="editrecordProject.recordRemark">
								</el-input>
							</el-form-item>
						</el-col>
			 		</el-row>

			 		<el-row>
			 			<el-col :span="22">
					 		<div style="float:right;">
								<el-button type="primary" size="small" style="width: 60px;height: 30px;" @click="editonSubmit('editrecordProject')">修改</el-button>
								<el-button type="info" size="small" style="width: 60px;height: 30px;" @click="resetForm('editrecordProject');editdialogForm = false">取消</el-button>
							</div>
						</el-col>
					</el-row>
				</el-form>
		 	</div>
	    </el-dialog>
	    <!--审定弹窗-->
		<el-dialog title="" :visible.sync="checkdialogForm" center fullscreen>
	        <div style="margin-top: 0px;">
				<el-form :model="checkrecordProject" :rules="rules" ref="checkrecordProject" label-width="140px">
					<!--建设工程情况-->
					<el-row>
						<el-col :span="4" class="tab-title">
							建设工程情况
						</el-col>	
					</el-row>
				  	<el-row>
				  		<el-col :span="7">
							<el-form-item label="项目名称:" prop="recordProjectName" label-width="110px">
							   	<el-input v-model="checkrecordProject.recordProjectName" placeholder="" disabled></el-input>
							</el-form-item>
						</el-col>
						<el-col :span="17">
							<el-form-item label="项目场址:" prop="recordProjectAddress" label-width="110px">
									<span v-for="(item,index) in checkrecordProject.address">
									<el-col :span="4">
										<el-form-item :prop="'address.'+index+'.provinceValue'" :rules="rules.provinceValue">
											<el-select v-model="item.provinceValue" placeholder="请选择省" @change="chooseProvince(item)" style="">
												<el-option
														v-for="items in item.provinceData"
														:key="items.code"
														:label="items.name"
														:value="items.name">
												</el-option>
											</el-select>
										</el-form-item>
									</el-col>
									<el-col span="0.5" style="color: rgb(192, 204, 218);text-align: center;">
										<span>—</span>
									</el-col>
									<el-col :span="4">
										<el-form-item :prop="'address.'+index+'.cityValue'" :rules="rules.cityValue">
											<el-select v-model="item.cityValue" placeholder="请选择市" @change="chooseCity(item)" style="">
												<el-option
														v-for="items in item.cityData"
														:key="items.code"
														:label="items.name"
														:value="items.name">
												</el-option>
											</el-select>
										</el-form-item>
									</el-col>
									<el-col span="0.5" style="color: rgb(192, 204, 218);text-align: center;">
										<span>—</span>
									</el-col>
									<el-col :span="4">
										<el-form-item :prop="'address.'+index+'.areaValue'" :rules="rules.areaValue">
											<el-select v-model="item.areaValue" placeholder="请选择区、县" @change="chooseArea(item)" style="">
												<el-option
														v-for="items in item.areaData"
														:key="items.code"
														:label="items.name"
														:value="items.name">
												</el-option>
											</el-select>
										</el-form-item>
							       </el-col>
									<el-col span="0.5" style="color: rgb(192, 204, 218);text-align: center;">
	                                      <span>—</span>
	                                </el-col>
									<el-col :span="7">
										<el-form-item>
											<el-input v-model="item.detailAddress" placeholder="填写详细地址" ></el-input>
										</el-form-item>
							       </el-col>
								    <el-button v-if="index=='0'" size="mini" @click="addAddress()" icon="el-icon-circle-plus-outline" style="margin-left: 8px;" disabled>跨省</el-button>
								    <el-button v-if="index!='0'" size="mini" @click="delAddress(index,item)" icon="el-icon-delete" style="margin-left: 8px;" disabled>删除</el-button>
								</span>
							</el-form-item>
						</el-col>
					</el-row>
					<el-row>
						<el-col :span="7">
							<el-form-item label="工程类别:" prop="recordProjectType" label-width="110px">
								<el-form-item prop="projectType">
									<el-select  v-model="checkrecordProject.recordProjectType"  style="width: 325px" placeholder="请选择" @change="syChangeValue" disabled>
										<el-option label="涉核设施" value="0"></el-option>
										<el-option label="国家水电工程" value="1"></el-option>
										<el-option label="特殊设防类工程" value="2"></el-option>
										<el-option label="严重次生灾害工程" value="3"></el-option>
										<el-option label="省级重大建设工程" value="4"></el-option>
										<el-option label="重要基础设施" value="5"></el-option>
										<el-option label="其他" value="6"></el-option>
									</el-select>
								</el-form-item>
							</el-form-item>
						</el-col>
					</el-row>
				  	<!--建设单位信息-->
					<el-row>
						<el-col :span="4" class="tab-title">
							建设单位信息
						</el-col>	
					</el-row>
				  	<el-row>
				  		<el-col :span="12">
							<el-form-item label="单位名称:" prop="recordUnitName" label-width="90px">
							   	<el-input v-model="checkrecordProject.recordUnitName" placeholder="" disabled></el-input>
							</el-form-item>
						</el-col>
						<el-col :span="6">
							<el-form-item label="联系人:" prop="recordUnitUser" label-width="110px">
							   	<el-input v-model="checkrecordProject.recordUnitUser" placeholder="" disabled></el-input>
							</el-form-item>
						</el-col>
				  		<el-col span="5">
						   	<el-form-item label="电话" prop="recordUnitPhone" label-width="110px">
						   		<el-input v-model="checkrecordProject.recordUnitPhone" placeholder="" disabled></el-input>
						  	</el-form-item>
						</el-col>
			 		</el-row>
				  	<el-row>
					  	<el-col :span="18">
						  	<el-form-item label="营业执照号码或三证合一证照号码:" prop="recordUnitCode" label-width="240px">				    	
						    	<el-input v-model="checkrecordProject.recordUnitCode" placeholder="" disabled></el-input>
							    </el-date-picker>
						  	</el-form-item>
					  	</el-col>
					  	<el-col :span="5">
						  	<el-form-item label="法人:" prop="recordUnitLegal" label-width="110px">
								<el-input v-model="checkrecordProject.recordUnitLegal" placeholder="" disabled></el-input>
						  	</el-form-item>
					  	</el-col>
					</el-row>
					<el-row>
						<el-col :span="18">
							<el-form-item label="单位地址:" prop="recordUnitLocation" label-width="110px">
								<el-input v-model="viewrecordProject.recordUnitLocation" disabled></el-input>
							</el-form-item>
						</el-col>
					</el-row>
					<!--安评项目情况-->
					<el-row>
						<el-col :span="4" class="tab-title">
							安评项目情况
						</el-col>
					</el-row>
					<el-row>
						<el-col :span="10">
							<el-form-item label="承担单位名称:" prop="recordProjectUnitname" label-width="110px">
								<el-input v-model="viewrecordProject.recordProjectUnitname" placeholder="" disabled></el-input>
							</el-form-item>
						</el-col>
						<el-col :span="6">
							<el-form-item label="委托合同额:" prop="recordProjectContractAmount" label-width="170px">
								<el-input v-model="viewrecordProject.recordProjectContractAmount" placeholder="" disabled style="width:170px"></el-input> 万元
							</el-form-item>
						</el-col>
						<el-col :span="6">
							<el-form-item label="联系人:" prop="recordProjectUser" label-width="150px">
								<el-input v-model="viewrecordProject.recordProjectUser" placeholder="" disabled></el-input>
							</el-form-item>
						</el-col>

					</el-row>
					<el-row>
						<el-col span="8">
							<el-form-item label="电话:" prop="recordProjectPhone" label-width="110px">
								<el-input v-model="viewrecordProject.recordProjectPhone" placeholder="" disabled></el-input>
							</el-form-item>
						</el-col>
						<el-col span="8">
							<el-form-item label="承担单位法人:" prop="recordProjectLegal" label-width="150px">
								<el-input v-model="viewrecordProject.recordProjectLegal" placeholder="" disabled></el-input>
							</el-form-item>
						</el-col>
						<el-col span="8">
							<el-form-item label="承担单位技术负责人:" prop="recordProjectDirector" label-width="180px">
								<el-input v-model="viewrecordProject.recordProjectDirector" placeholder="" disabled></el-input>
							</el-form-item>
						</el-col>
					</el-row>
					<el-row>
						<el-col :span="8">
							<el-form-item label="安评工作开始时间:" prop="apStartTime" label-width="180px">
								<el-date-picker type="date" v-model="viewrecordProject.apStartTime"placeholder="选择日期" value-format="yyyy-MM-dd" disabled></el-date-picker>
							</el-form-item>
						</el-col>
						<el-col :span="8">
							<el-form-item label="安评工作结束时间:" prop="apEndTime" label-width="180px">
								<el-date-picker type="date" v-model="viewrecordProject.apEndTime" placeholder="选择日期" value-format="yyyy-MM-dd" disabled></el-date-picker>
							</el-form-item>
						</el-col>
						<el-col :span="8">
							<el-form-item label="审定单位名称:" prop="recordProjectCheckunit" label-width="150px">
								<el-input v-model="viewrecordProject.recordProjectCheckunit" placeholder="" disabled></el-input>
							</el-form-item>
						</el-col>
					</el-row>
					<el-row>
						<el-col :span="8">
							<el-form-item label="审定完成时间:" prop="recordProjectCheckTime" label-width="110px">
								<el-date-picker type="date" placeholder="选择日期" v-model="viewrecordProject.recordProjectCheckTime" value-format="yyyy-MM-dd" disabled>
								</el-date-picker>
							</el-form-item>
						</el-col>
						<el-col :span="8">
							<el-form-item label="审定部门意见:" prop="recordProjectView" label-width="150px">
								<el-select  v-model="viewrecordProject.recordProjectView" placeholder="请选择" style="width: 180px;" disabled>
									<el-option label="同意" value="1"></el-option>
									<el-option label="不同意" value="0"></el-option>
								</el-select>
							</el-form-item>
						</el-col>
						<el-col :span="8">
							<el-form-item label="备案级别:" prop="recordLevel" label-width="180px">
								<el-select v-model="viewrecordProject.recordLevel" placeholder="请选择备案级别" disabled>
									<el-option label="地市级" value="0"></el-option>
									<el-option label="省级" value="1"></el-option>
									<el-option label="国家级" value="2"></el-option>
								</el-select>
							</el-form-item>
						</el-col>
					</el-row>
					<el-row>
						<el-col :span="24">
							<el-form-item label="附件:" label-width="110px">
								<iframe width="100%" style="height: 200px;border: none;"   :src="link"></iframe>
							</el-form-item>
						</el-col>
					</el-row>
					<!--项目备案信息-->
					<el-row>
						<el-col :span="4" class="tab-title">
							项目备案信息
						</el-col>	
					</el-row>
				  	<el-row>
				  		<el-col :span="6">
							<el-form-item label="备案时间:" prop="recordTime"  label-width="110px">
							   	<el-date-picker
							   		disabled
							      	v-model="checkrecordProject.recordTime"
							      	type="date"
							      	placeholder="">
							    </el-date-picker>
							</el-form-item>
						</el-col>
						<el-col :span="6">
							<el-form-item label="备案人员:" prop="recordUser" label-width="110px">
							   	<el-input v-model="checkrecordProject.recordUser"  placeholder="" disabled></el-input>
							</el-form-item>
						</el-col>
					  	<el-col :span="6">
						  	<el-form-item label="备案部门:" prop="recordOrg" label-width="110px">
							   	<el-input v-model="checkrecordProject.recordOrg"  placeholder="" disabled></el-input>
							</el-form-item>
					  	</el-col>
				  	</el-row>
				  	<el-row>
				  		<el-col :span="24">
							<el-form-item label="备注:" prop="recordRemark" label-width="110px">
							   	<el-input
							   		disabled
								  type="textarea"
								  :autosize="{ minRows: 8, maxRows: 8}"
								  placeholder=""
									maxlength="500"
									show-word-limit
								  v-model="checkrecordProject.recordRemark">
								</el-input>
							</el-form-item>
						</el-col>
			 		</el-row>
                    <!--审定信息-->
                    <el-row>
                        <el-col :span="4" class="tab-title">
                            审定信息
                        </el-col>
                    </el-row>
                      <el-row>
                          <el-col :span="6">
                            <el-form-item label="审定人员:" prop="checkUser" label-width="110px">
                                   <el-input v-model="checkrecordProject.checkUser" placeholder="" ></el-input>
                            </el-form-item>
                        </el-col>
                        <el-col :span="6">
                            <el-form-item label="审定人员机构:" prop="checkUserOrg">
                                   <el-input v-model="checkrecordProject.checkUserOrg" placeholder="" ></el-input>
                            </el-form-item>
                        </el-col>
                          <el-col :span="6">
                              <el-form-item label="审定结果:" prop="checkResult" label-width="110px">
                                <el-select  v-model="checkrecordProject.checkResult" placeholder="请选择">
                                    <el-option label="同意" value="1"></el-option>
                                    <el-option label="不同意" value="0"></el-option>
                                </el-select>
                              </el-form-item>
                          </el-col>
                      </el-row>
                      <el-row>
                          <el-col :span="24">
                            <el-form-item label="审定意见:" prop="checkView" label-width="110px">
                                   <el-input
                                  type="textarea"
                                  :autosize="{ minRows: 8, maxRows: 8}"
                                  placeholder="请输入内容"
								  maxlength="500"
								  show-word-limit
                                  v-model="checkrecordProject.checkView">
                                </el-input>
                            </el-form-item>
                        </el-col>
                     </el-row>
			 		<el-row>
			 			<el-col :span="22">
					 		<div style="float:right;">
								<el-button type="primary" size="small" style="width: 60px;height: 30px;"@click="checkonSubmit('checkrecordProject');">提交</el-button>
                            <el-button type="info" size="small" style="width: 60px;height: 30px;"@click="resetForm('checkrecordProject');checkdialogForm = false">关闭</el-button>
							</div>
						</el-col>
					</el-row>
				</el-form>
		 	</div>
	    </el-dialog>
	   <!-- 拟制公告 -->
	<el-dialog title="" :visible.sync="dialogGongGaoForm" center fullscreen>
		<div style="margin-top: 10px;">
			<el-form :model="gonggao" :rules="rules" ref="gonggao" label-width="140px">
				<!--安评工作成果公告表-->
				<el-row>
					<el-col :span="5" class="tab-title">
						安评工作成果公告表
					</el-col>
				</el-row>
				<el-row class="companycredit_gonggao">
					<el-col :span="2" class="tab" style="width: 120px;text-align: center;height: 30px;line-height: 30px;">
						<span style="color: red;">*</span>
						<span class="">标题:</span>
					</el-col>
					<el-col :span="12">
						<el-form-item prop="title">
							<el-input v-model="gonggao.title" style="" placeholder="" ></el-input>
						</el-form-item>
					</el-col>
				</el-row>
				<el-row class="companycredit_publicstate">
					<el-col :span="6">
						<el-form-item label="公布类别:" prop="isPublic" label-width="120px">
							<el-radio-group disabled v-model="gonggao.isPublic">
								<el-radio label="0">公示通报</el-radio>
							</el-radio-group>
						</el-form-item>
					</el-col>
				</el-row>
				<el-row class="companycredit_publicstate">
					<el-col :span="6">
						<el-form-item label="公开状态:" prop="publicState" label-width="120px">
							<!--<el-select v-model="gonggao.publicState" placeholder="请选择公开状态">
								<el-option label="未公开" value="0"></el-option>
								<el-option label="公开" value="1"></el-option>
							</el-select>-->
							<el-radio-group v-model="gonggao.publicState">
								<el-radio :label="0">未公开</el-radio>
								<el-radio :label="1">公开</el-radio>
							</el-radio-group>
						</el-form-item>
					</el-col>
				</el-row>
				<el-row class="companycredit_publicstate">
					<el-col :span="6">
						<el-form-item label="公开地址类型:" prop="publicType" label-width="120px">
							<!--<el-select v-model="gonggao.publicType" placeholder="请选择公开状态">
								<el-option label="服务门户" value="0"></el-option>
								<el-option label="工作门户" value="1"></el-option>
							</el-select>-->
							<el-radio-group v-model="gonggao.publicType">
								<el-radio :label="0">服务门户</el-radio>
								<el-radio :label="1">工作门户</el-radio>
							</el-radio-group>
						</el-form-item>
					</el-col>
				</el-row>
				<el-row style="margin: 0 0 20px;">
					<el-col :span="2" class="tab" style="width: 120px;text-align: center;height: 30px;line-height: 30px;">
						<span>内容:</span>
						<br/>
						<span style="color: red;">(不可修改)</span>
					</el-col>
					<el-col :span="12">
						<el-input
								type="textarea"
								:autosize="{ minRows: 8, maxRows: 8}"
								placeholder="请输入内容"
								maxlength="500"
								show-word-limit
								v-model="gonggao.attachContent">
						</el-input>
					</el-col>
				</el-row>
				<el-row style="margin: 0 0 20px;">
					<el-col :span="2" class="tab" style="width: 120px;text-align: center;height: 30px;line-height: 30px;">
						<span>附加内容:</span>
					</el-col>
					<el-col :span="12" style="border: 1px solid #ddd;">
						<el-row class="border_btm">
							<el-col :span="4" class="border_right" style="padding: 22px 0px;text-align: center;">
								<span>项目名称</span>
							</el-col>
							<el-col :span="18" style="padding: 22px 0px;">
								<span style="padding-left: 15px;">{{ viewrecordProject.recordProjectName }}</span>
							</el-col>
						</el-row>
						<el-row class="border_btm">
							<el-col :span="4" class="border_right" style="padding: 22px 0px;text-align: center;">
								<span>项目场址</span>
							</el-col>
							<el-col :span="18" style="padding: 22px 0px;">
								<span style="padding-left: 15px;">{{ viewrecordProject.recordProjectAddress }}</span>
							</el-col>
						</el-row>
						<el-row class="border_btm">
							<el-col :span="4" class="border_right" style="padding: 22px 0px;text-align: center;">
								<span>工程类别</span>
							</el-col>
							<el-col :span="18" style="padding: 22px 0px;">
								<span v-if="viewrecordProject.recordProjectType == '0'" style="padding-left: 15px;">涉核设施</span>
								<span v-if="viewrecordProject.recordProjectType == 1" style="padding-left: 15px;">国家水电工程</span>
								<span v-if="viewrecordProject.recordProjectType == 2" style="padding-left: 15px;">特殊设防类工程</span>
								<span v-if="viewrecordProject.recordProjectType == 3" style="padding-left: 15px;">严重次生灾害工程</span>
								<span v-if="viewrecordProject.recordProjectType == 4" style="padding-left: 15px;">省级重大建设工程</span>
								<span v-if="viewrecordProject.recordProjectType == 5" style="padding-left: 15px;">重要基础设施</span>
								<span v-if="viewrecordProject.recordProjectType == 6" style="padding-left: 15px;">其他</span>
							</el-col>
						</el-row>
						<el-row class="border_btm">
							<el-col :span="4" class="border_right" style="padding: 22px 0px;text-align: center;">
								<span>单位名称</span>
							</el-col>
							<el-col :span="18" style="padding: 22px 0px;">
								<span style="padding-left: 15px;">{{ viewrecordProject.recordUnitName }}</span>
							</el-col>
						</el-row>
						<el-row class="border_btm">
							<el-col :span="4" class="border_right" style="padding: 22px 0px;text-align: center;">
								<span>联系人</span>
							</el-col>
							<el-col :span="18" style="padding: 22px 0px;">
								<span style="padding-left: 15px;">{{ viewrecordProject.recordUnitUser }}</span>
							</el-col>
						</el-row>
						<el-row class="border_btm">
							<el-col :span="4" class="border_right" style="padding: 22px 0px;text-align: center;">
								<span>电话</span>
							</el-col>
							<el-col :span="18" style="padding: 22px 0px;">
								<span style="padding-left: 15px;">{{ viewrecordProject.recordUnitPhone }}</span>
							</el-col>
						</el-row>
						<el-row class="border_btm">
							<el-col :span="4" class="border_right" style="padding: 22px 0px;text-align: center;">
								<span>营业执照号码或三证合一证照号码</span>
							</el-col>
							<el-col :span="18" style="padding: 22px 0px;">
								<span style="padding-left: 15px;">{{ viewrecordProject.recordUnitCode }}</span>
							</el-col>
						</el-row>
						<el-row class="border_btm">
							<el-col :span="4" class="border_right" style="padding: 22px 0px;text-align: center;">
								<span>法人</span>
							</el-col>
							<el-col :span="18" style="padding: 22px 0px;">
								<span style="padding-left: 15px;">{{ viewrecordProject.recordUnitLegal }}</span>
							</el-col>
						</el-row>
						<el-row class="border_btm">
							<el-col :span="4" class="border_right" style="padding: 22px 0px;text-align: center;">
								<span>承担单位名称</span>
							</el-col>
							<el-col :span="18" style="padding: 22px 0px;">
								<span style="padding-left: 15px;">{{ viewrecordProject.recordProjectUnitname }}</span>
								
							</el-col>
						</el-row>
						<el-row class="border_btm">
							<el-col :span="4" class="border_right" style="padding: 22px 0px;text-align: center;">
								<span>委托合同额</span>
							</el-col>
							<el-col :span="18" style="padding: 22px 0px;">
								<span style="padding-left: 15px;">{{ viewrecordProject.recordProjectContractAmount }}</span>
							</el-col>
						</el-row>
						<el-row class="border_btm">
							<el-col :span="4" class="border_right" style="padding: 22px 0px;text-align: center;">
								<span>联系人</span>
							</el-col>
							<el-col :span="18" style="padding: 22px 0px;">
								<span style="padding-left: 15px;">{{ viewrecordProject.recordProjectUser }}</span>
							</el-col>
						</el-row>
						<el-row class="border_btm">
							<el-col :span="4" class="border_right" style="padding: 22px 0px;text-align: center;">
								<span>电话</span>
							</el-col>
							<el-col :span="18" style="padding: 22px 0px;">
								<span style="padding-left: 15px;">{{ viewrecordProject.recordProjectPhone }}</span>
							</el-col>
						</el-row>
						<el-row class="border_btm">
							<el-col :span="4" class="border_right" style="padding: 22px 0px;text-align: center;">
								<span>承担单位法人</span>
							</el-col>
							<el-col :span="18" style="padding: 22px 0px;">
								<span style="padding-left: 15px;">{{ viewrecordProject.recordProjectLegal }}</span>
							</el-col>
						</el-row>
						<el-row class="border_btm">
							<el-col :span="4" class="border_right" style="padding: 22px 0px;text-align: center;">
								<span>承担单位技术负责人</span>
							</el-col>
							<el-col :span="18" style="padding: 22px 0px;">
								<span style="padding-left: 15px;">{{ viewrecordProject.recordProjectDirector }}</span>
							</el-col>
						</el-row>
						<el-row class="border_btm">
							<el-col :span="4" class="border_right" style="padding: 22px 0px;text-align: center;">
								<span>审定单位名称</span>
							</el-col>
							<el-col :span="18" style="padding: 22px 0px;">
								<span style="padding-left: 15px;">{{ viewrecordProject.recordProjectCheckunit }}</span>
							</el-col>
						</el-row>
						<el-row class="border_btm">
							<el-col :span="4" class="border_right" style="padding: 22px 0px;text-align: center;">
								<span>审定完成时间</span>
							</el-col>
							<el-col :span="18" style="padding: 22px 0px;">
								<span style="padding-left: 15px;">{{ viewrecordProject.recordProjectCheckTime }}</span>
							</el-col>
						</el-row>
						<el-row class="border_btm">
							<el-col :span="4" class="border_right" style="padding: 22px 0px;text-align: center;">
								<span>审定部门意见</span>
							</el-col>
							<el-col :span="18" style="padding: 22px 0px;">
								<span style="padding-left: 15px;">{{ viewrecordProject.recordProjectView }}</span>
							</el-col>
						</el-row>
						<el-row class="border_btm">
							<el-col :span="4" class="border_right" style="padding: 22px 0px;text-align: center;">
								<span>备案级别</span>
							</el-col>
							<el-col :span="18" style="padding: 22px 0px;">
								<span style="padding-left: 15px;">{{ viewrecordProject.recordLevel }}</span>
							</el-col>
						</el-row>
						
					</el-col>
				</el-row>
				<el-row>
					<el-col :span="24">
						<el-form-item label="附件:" label-width="110px">
							<iframe width="100%" style="height: 200px;border: none;"   :src="link"></iframe>
						</el-form-item>
					</el-col>
				</el-row>
				<el-row>
					<el-col :span="22">
						<div style="float:right;">
							<el-button type="primary" size="small" style="width: 60px;height: 30px;" @click="release()">发布</el-button>
							<el-button type="info" size="small" style="width: 60px;height: 30px;" @click="dialogGongGaoForm = false;clearForm()">取消</el-button>
						</div>
					</el-col>
				</el-row>
			</el-form>
		</div>
	</el-dialog>
	<!-- 查看公告 -->
	<el-dialog title="" :visible.sync="dialogGongGaoViewForm" center fullscreen>
		<el-row>
			<el-col :span="16" :offset="4">
				<div style="margin-top: 10px;">
					<el-form :model="gonggao" :rules="rules" ref="gonggao">
						<!--公开公告信息表-->
						<el-row style="margin-bottom: 10px;">
							<el-col>
								<h4 style="margin-top:10px;font-size: 40px;text-align: center;">{{ gonggao.title }}</h4>
							</el-col>
						</el-row>
						<el-row style="margin-bottom: 10px;padding-bottom: 10px;font-size: 24px;border-bottom: 1px solid #ddd;text-align: center;">
							<el-col :span="5">
								<span>{{ gonggao.createUser }}</span>
							</el-col>
							<el-col span="4">
								<span>{{ gonggao.inputenTime }}</span>
							</el-col>
							<el-col :span="6">
								<div style="float:right;">
									<span v-if="(gonggao.publicType == 0) ? true : false">服务门户</span>
									<span v-if="(gonggao.publicType != 0) ? true : false">工作门户</span>
								</div>
							</el-col>
							<el-col :span="4">
								<div style="float:right;">
									<span v-if="(gonggao.publicState == 0) ? true : false">未公开</span>
									<span v-if="(gonggao.publicState != 0) ? true : false">公开</span>
								</div>
							</el-col>
							<el-col :span="5">
								<div style="float:right;">
									<span v-if="(gonggao.isPublic == 0) ? true : false">公示通报</span>
									<span v-if="(gonggao.isPublic == 1) ? true : false">标准规范</span>
								</div>
							</el-col>
						</el-row>
						<el-row style="margin: 40px 0;font-size: 24px;">
							<el-col :span="20" :offset="2">
								<!--{{ gonggao.attachContent }}-->
								<span v-html="gonggao.attachContent"></span>
							</el-col>
						</el-row>
						<el-row>
							<el-col :span="24">
								<el-form-item label="" >
									<iframe width="100%" scrolling="no" style="border: none;"   :src="link"></iframe>
								</el-form-item>
							</el-col>
						</el-row>
						<!--<el-row>
							<el-col>
								<div style="float:right;">
									<el-button type="info" size="small" style="width: 60px;height: 30px;" @click="dialogGongGaoViewForm = false;clearForm();">取消</el-button>
								</div>
							</el-col>
						</el-row>-->
					</el-form>
				</div>
			</el-col>
		</el-row>
	</el-dialog>
</div>
<script>
    var vm = new Vue({
        el: '#app',
        data() {
            //验证数值
            let checkNumber= (rule, value, callback)=>{
                if(!this.checkNum(value)){
                    callback(new Error('请输入非负数数值'));
                }else {
                    callback();
                }
            };
            //验证营业执照或三证合一
            let checkICard= (rule, value, callback)=>{
                if(!this.checkCard(value)){
                    callback(new Error('请输入非负数数值'));
                }else {
                    callback();
                }
            };
            return {
                orgLevel:'',
                userName:'',
                orgName:'',
                uuid:'',//uuid
                link:'',//iframe链接
            	currentPage: 1, //默认显示页面为1
				pagesize: 10, // 每页的数据条数
				newdialogForm: false,//新增申请弹窗
				viewdialogForm: false,//查看详情弹窗
				editdialogForm: false,//编辑修改弹窗
				checkdialogForm: false,//审定弹窗
				dialogGongGaoForm: false, //拟制公告弹窗
				dialogGongGaoViewForm: false, // 查看公告弹窗
				tableTotal:'',
				address:[{
                	provinceValue:'',
	                cityValue:'',
	                areaValue:'',
                	provinceData:[],
                	cityData:[],
                	areaData:[]
                }],
                selectForm : {
                  	recordProjectName:'',
                  	recordUser:'',
                  	startDate:'',
                  	endDate:'',
                  	status:'',
                  	recordProjectType:'',
                  	recordUnitName:''
			 	},
			 	gonggao: {
                    publicId:'',
                    relationId: '',
                    publicState: '',
                    publicType: '',
                    title: '', // 拟制公告标题
                    attachContent: '', // 内容
					createUser: '',
                    inputenTime: '',
					isPublic : '0'
                },
			 	recordProject:{
				     recordProjectName:'',
				     recordProjectAddress:'',
				     recordProjectType:'',
				     recordUnitName:'',
				     recordUnitUser:'',
				     recordUnitPhone:'',
				     recordUnitCode:'',
				     recordUnitLegal:'',
				     recordProjectUnitname:'',
				     recordProjectContractAmount:'',
				     recordProjectUser:'',
				     recordProjectPhone:'',
				     recordProjectLegal:'',
				     recordProjectDirector:'',
				     recordProjectCheckunit:'',
				     recordProjectCheckTime:'',
				     recordProjectView:'',
				     recordProjectFj:'',
				     recordTime:'',
				     recordUser:'',
				     recordOrg:'',
				     recordRemark:'',
				     status:'',
				     checkUser:'',
				    checkUserOrg:'',
				    checkResult:'',
				    checkView:'',
				    createUserId:'',
				    createTime:'',
				    updateUserId:'',
				    updateTime:'',
				    delFlag:'',
				    reportStatus:'',
				    recordLevel:'',
                    recordUnitLocation:'',
                    apStartTime:'',
                    apEndTime : '',
			 	},
			 	viewrecordProject:{
				     recordProjectName:'',
                     address:[{
                        provinceValue:'',
                        cityValue:'',
                        areaValue:'',
                        detailAddress:'',
                        provinceData:[],
                        cityData:[],
                        areaData:[]
                     }],
				     recordProjectAddress:'',
				     recordProjectType:'',
				     recordUnitName:'',
				     recordUnitUser:'',
				     recordUnitPhone:'',
				     recordUnitCode:'',
				     recordUnitLegal:'',
				     recordProjectUnitname:'',
				     recordProjectContractAmount:'',
				     recordProjectUser:'',
				     recordProjectPhone:'',
				     recordProjectLegal:'',
				     recordProjectDirector:'',
				     recordProjectCheckunit:'',
				     recordProjectCheckTime:'',
				     recordProjectView:'',
				     recordProjectFj:'',
				     recordTime:'',
				     recordUser:'',
				     recordOrg:'',
				     recordRemark:'',
				     status:'',
				     checkUser:'',
				    checkUserOrg:'',
				    checkResult:'',
				    checkView:'',
				    createUserId:'',
				    createTime:'',
				    updateUserId:'',
				    updateTime:'',
				    delFlag:'',
				    reportStatus:'',
				    recordLevel:'',
                    recordUnitLocation:'',
                    apStartTime:'',
                    apEndTime : '',
			 	},
			 	editrecordProject:{
				     recordProjectName:'',
				     recordProjectAddress:'',
				     recordProjectType:'',
				     recordUnitName:'',
				     recordUnitUser:'',
				     recordUnitPhone:'',
				     recordUnitCode:'',
				     recordUnitLegal:'',
				     recordProjectUnitname:'',
				     recordProjectContractAmount:'',
				     recordProjectUser:'',
				     recordProjectPhone:'',
				     recordProjectLegal:'',
				     recordProjectDirector:'',
				     recordProjectCheckunit:'',
				     recordProjectCheckTime:'',
				     recordProjectView:'',
				     recordProjectFj:'',
				     recordTime:'',
				     recordUser:'',
				     recordOrg:'',
				     recordRemark:'',
				     status:'',
				     checkUser:'',
				    checkUserOrg:'',
				    checkResult:'',
				    checkView:'',
				    createUserId:'',
				    createTime:'',
				    updateUserId:'',
				    updateTime:'',
				    delFlag:'',
				    reportStatus:'',
				    recordLevel:''
			 	},
			 	checkrecordProject:{
				     recordProjectName:'',
                     address:[{
                        provinceValue:'',
                        cityValue:'',
                        areaValue:'',
                        detailAddress:'',
                        provinceData:[],
                        cityData:[],
                        areaData:[]
                     }],
				     recordProjectAddress:'',
				     recordProjectType:'',
				     recordUnitName:'',
				     recordUnitUser:'',
				     recordUnitPhone:'',
				     recordUnitCode:'',
				     recordUnitLegal:'',
				     recordProjectUnitname:'',
				     recordProjectContractAmount:'',
				     recordProjectUser:'',
				     recordProjectPhone:'',
				     recordProjectLegal:'',
				     recordProjectDirector:'',
				     recordProjectCheckunit:'',
				     recordProjectCheckTime:'',
				     recordProjectView:'',
				     recordProjectFj:'',
				     recordTime:'',
				     recordUser:'',
				     recordOrg:'',
				     recordRemark:'',
				     status:'',
				     checkUser:'',
				    checkUserOrg:'',
				    checkResult:'',
				    checkView:'',
				    createUserId:'',
				    createTime:'',
				    updateUserId:'',
				    updateTime:'',
				    delFlag:'',
				    reportStatus:'',
				    recordLevel:'',
                    recordUnitLocation:'',
                    apStartTime:'',
                    apEndTime : '',
			 	},
		 		rules: {
                    recordProjectName: [{
                        required: true,
                        message: '请输入项目名称',
                        trigger: 'blur'
                    }],
                    provinceValue: [{
                        required: true,
                        message: '请选择省',
                        trigger: 'change'
                    }],
                    cityValue: [{
                        required: true,
                        message: '请选择市',
                        trigger: 'change'
                    }],
                    areaValue: [{
                        required: true,
                        message: '请选择区、县',
                        trigger: 'change'
                    }],
                    recordProjectType: [{
                        required: true,
                        message: '请选择工程类别',
                        trigger: 'blur'
                    }],
                    recordUnitName: [{
                        required: true,
                        message: '请输入单位名称',
                        trigger: 'blur'
                    }],
                    recordUnitUser: [{
                        required: true,
                        message: '请输入联系人',
                        trigger: 'blur'
                    }],
                    recordUnitPhone: [{
                        required: true,
                        message: '请输入电话',
                        trigger: 'blur'
                    },{
                        validator: checkPhTel,
                        message: '请输入正确的手机号或固话',
                        trigger: 'blur'
                    }],
                  	recordUnitCode: [{
                        required: true,
                        message: '请输入营业执照号码或三证合一证照号码',
                        trigger: 'blur'
                    }/*,{
                        validator: checkICard,
                        message: '请输入15位或18位的营业执照号码或三证合一证照号码',
                        trigger: 'blur'
                    }*/],
                    recordUnitLegal: [{
                        required: true,
                        message: '请输入法人',
                        trigger: 'blur'
                    }],
                    recordProjectUnitname: [{
                        required: true,
                        message: '请输入承担单位名称',
                        trigger: 'blur'
                    }],
                    recordProjectContractAmount: [{
                        required: true,
                        message: '请输入委托合同额',
                        trigger: 'blur'
                    },{
                        validator: checkNumber,
                        message: '请输入非负数数值',
                        trigger: 'blur'
                    }],
                    recordProjectUser: [{
                        required: true,
                        message: '请输入联系人',
                        trigger: 'blur'
                    }],
                    recordProjectPhone: [{
                        required: true,
                        message: '请输入电话',
                        trigger: 'blur'
                    },{
                        validator: checkPhTel,
                        message: '请输入正确的手机号或固话',
                        trigger: 'blur'
                    }],
                    recordProjectLegal: [{
                        required: true,
                        message: '请输入承担单位法人',
                        trigger: 'blur'
                    }],
                    recordProjectDirector: [{
                        required: true,
                        message: '请输入承担单位技术负责人',
                        trigger: 'blur'
                    }],
                    recordProjectCheckunit: [{
                        required: true,
                        message: '请输入审定单位名称',
                        trigger: 'blur'
                    }],
                    recordProjectCheckTime: [{
                        required: true,
                        message: '请选择审定完成时间',
                        trigger: 'blur'
                    }],
                    recordProjectView: [{
                        required: true,
                        message: '请选择审定部门意见',
                        trigger: 'blur'
                    }],
                    recordLevel: [{
                        required: true,
                        message: '请选择备案级别',
                        trigger: 'blur'
                    }],
                    fujian: [{
                        required: true,
                        message: '请输入附件',
                        trigger: 'blur'
                    }],
                    recordTime: [{
                        required: true,
                        message: '请选择备案时间',
                        trigger: 'blur'
                    }],
                    startDate: [{
                        type: 'date',
                        required: true,
                        message: '请选择日期',
                        trigger: 'change'
                    }],
                    endDate: [{
                        type: 'date',
                        required: true,
                        message: '请选择时间',
                        trigger: 'change'
                    }],
                    recordUser: [{
                        required: true,
                        message: '请输入备案人员',
                        trigger: 'blur'
                    }],
                    recordOrg: [{
                        required: true,
                        message: '请输入备案部门',
                        trigger: 'blur'
                    }],
                    subDepartment: [{
                        required: true,
                        message: '请输入备注',
                        trigger: 'blur'
                    }],
                    remarks: [{
                        required: false,
                        message: '请输入备注',
                        trigger: 'blur'
                    }],
                   checkUser: [{
                        required: true,
                        message: '请输入审定人员',
                        trigger: 'blur'
                    }],
                    checkUserOrg: [{
                        required: true,
                        message: '请输入审定人员机构',
                        trigger: 'blur'
                    }],
                    checkResult: [{
                        required: true,
                        message: '请输入审定结果',
                        trigger: 'blur'
                    }],
                    checkView: [{
                        required: true,
                        message: '请输入审定意见',
                        trigger: 'blur'
                    }],
                    // 拟制公告公开状态
                    publicState: [{
                        required: true,
                        message: '请选择公开状态',
                        trigger: 'blur'
                    }],
					// 拟制公共--公开地址类型
                    publicType: [{
                        required: true,
                        message: '请选择公开地址类型',
                        trigger: 'blur'
                    }],
					// 拟制公告标题
                    title: [{
                        required: true,
                        message: '请输入拟制公告标题',
                        trigger: 'blur'
                    }]
                },
            }
            
        },
        created(){

            axios.get('../../json/ChinaCity.json').then(res=>{
                this.viewrecordProject.address.forEach((item, index) => {
                item.provinceData = res.data;
           });
            }).catch(e => {
                this.$message.error("网络连接超时");
           })
            // 获取登录用户信息
            var userInfo = JSON.parse(localStorage.getItem('userInfo'));
            this.orgLevel = userInfo.orgLevel;
            // 中国地震局 ==> 中国, 山东省-济南市地震局 ==> 山东省-济南市
            this.orgName = userInfo.orgName.replace("地震局", "");
            this.userName=userInfo.loginName;
		},
        mounted() {
            this.getData();
        },
        methods: {
            getData() {
                var pagesize = this.pagesize;
                var pageno = this.currentPage - 1;
                axios({
                    method: 'get',
                    url: '/dzjap/aprecord/findPage',
                    params: {
                        recordProjectName: this.selectForm.recordProjectName,
                        recordUser: this.selectForm.recordUser,
                        recordTimeStart: this.selectForm.startDate,
                        recordTimeEnd: this.selectForm.endDate,
                        status: this.selectForm.status,
                        recordProjectType: this.selectForm.recordProjectType,
                        reportStatus:this.selectForm.reportStatus,
                        recordUnitName:this.selectForm.recordUnitName,
                        recordProjectAddress:this.orgName,
                        userName:this.userName,
                        pageSize: pagesize,
                        pageNo: pageno
                    }
                	})
                    .then(response => {
                        console.log(response)
                        if (response.data.code == 200) {
                            console.log(response.data.data.results)
                            this.recordProject = response.data.data.results;
                            this.tableTotal = response.data.data.total;
                        } else {
                            this.$message.error(response.data.msg);
                        }
                    })
                    .catch(function (error) {
                        console.log(error);
                    });
            },//获取UUID的方法
            getUuid() {
                axios({
                    method: 'get',
                    url: '/dzjap/uuid/getUuid',
                })
                    .then(response => {
                        if (response.data.code == 200) {
                            this.uuid = response.data.data;
                            this.link="../upload/annex.html?uuid="+this.uuid+"&flag=1";
                        } else {
                            this.$message.error(response.data.msg);
                        }
                    })
                    .catch(function (error) {
                        console.log(error);
                    });
            },
            searchForm(selectForm) {
                var pagesize = this.pagesize;
                var pageno = this.currentPage - 1;
                console.log(this.selectForm.recordProjectName);
                console.log(this.selectForm.startDate);
                console.log(this.selectForm.startDate);
                axios({
                    method: 'get',
                    url: '/dzjap/aprecord/findPage',
                    params: {
                        recordProjectName: this.selectForm.recordProjectName,
                        recordUser: this.selectForm.recordUser,
                        recordTimeStart: this.selectForm.startDate,
                        recordTimeEnd: this.selectForm.endDate,
                        status: this.selectForm.status,
                        recordProjectType: this.selectForm.recordProjectType,
                        reportStatus:this.selectForm.reportStatus,
                        recordUnitName:this.selectForm.recordUnitName,
                        recordProjectAddress:this.orgName,
                        userName:this.userName,
                        pageSize: pagesize,
                        pageNo: pageno
                    }
                })
                    .then(response => {
                        console.log(response)
                        if (response.data.code == 200) {
                            console.log(response.data.data.results)
                            this.recordProject = response.data.data.results;
                            this.tableTotal = response.data.data.total;
                        } else {
                            this.$message.error(response.data.msg);
                        }
                    })
                    .catch(function (error) {
                        console.log(error);
                    });
            },
            //重置
            resetForm(formName) {
                this.$refs[formName].resetFields();
            },
            //每页下拉显示数据
            handleSizeChange: function (size) {
                this.pagesize = size;
                this.getData();
                /*console.log(this.pagesize) */
            },
            //点击第几页
            handleCurrentChange: function (currentPage) {
                this.currentPage = currentPage;
                this.getData();
                /*console.log(this.currentPage) */
            },
            apply() {
                this.newdialogForm = true;
                this.getUuid();

            },
            // 新增，暂存
            newonSubmit(formName) {
			this.$refs[formName].validate((valid) => {
                if (valid) {
                    this.newrecordProject.recordId=this.uuid;
	                axios({
	                    method: 'post',
	                    url: '/dzjap/aprecord/add',
	                    data: this.newrecordProject
	                }).then((res) => {
	                    console.log(res);
	                    if (res.data.code == 200) {
	                        // 提交成功将要执行的代码
	                        // this.recordProject.push(this.newrecordProject);
	                        this.getData();
	                        this.$message({
	                            message: '提交成功',
	                            type: 'success'
	                        });
	                        this.newdialogForm = false;
	                        this.provinceValue = '';
	                        this.cityValue='';
	                        this.areaValue='';
	                        this.newrecordProject = {
	                            recordProjectName:'',
	                                recordProjectAddress:'',
	                                recordProjectType:'',
	                                recordUnitName:'',
	                                recordUnitUser:'',
	                                recordUnitPhone:'',
	                                recordUnitCode:'',
	                                recordUnitLegal:'',
	                                recordProjectUnitname:'',
	                                recordProjectContractAmount:'',
	                                recordProjectUser:'',
	                                recordProjectPhone:'',
	                                recordProjectLegal:'',
	                                recordProjectDirector:'',
	                                recordProjectCheckunit:'',
	                                recordProjectCheckTime:'',
	                                recordProjectView:'',
	                                recordProjectFj:'',
	                                recordTime:'',
	                                recordUser:'',
	                                recordOrg:'',
	                                recordRemark:'',
	                                status:'',
	                                checkUser:'',
	                                checkUserOrg:'',
	                                checkResult:'',
	                                checkView:'',
	                                createUserId:'',
	                                createTime:'',
	                                updateUserId:'',
	                                updateTime:'',
	                                delFlag:'',
	                                reportStatus:'',
	                                recordLevel:''
	                        }
	                    }
	                })
                }else {
                        console.log("error!!");
                        return false;
                    }
                });
            },
            view(index, row) {
                this.uuid=row.recordId;
                this.link="../upload/annex.html?uuid="+this.uuid+"&flag=0";
                this.viewrecordProject = row;
                var arr = row.recordProjectAddress.split(",");
                this.viewrecordProject.address=[];
                for(let i=0;i<arr.length;i++){
                    this.viewrecordProject.address.push({
                        provinceValue:arr[i].split("-")[0],
                        cityValue:arr[i].split("-")[1],
                        areaValue:arr[i].split("-")[2],
                        detailAddress:arr[i].split("-")[3],
                        provinceData:[],
                        cityData:[],
                        areaData:[]
                    })
                }
            },
            edit(index, row) {
                this.uuid=row.recordId;
                this.link="../upload/annex.html?uuid="+this.uuid+"&falg=1";
                this.editdialogForm = true;
                this.editrecordProject = row;
                var arr = row.recordProjectAddress.split("-");
                this.editprovinceValue = arr[0];
                this.editcityValue = arr[1];
                this.editareaValue = arr[2];
                console.log(this.editrecordProject.recordId);
            },
            // 修改
            editonSubmit(formName) {
                console.log(this.editrecordProject.recordId);
                this.$refs[formName].validate((valid) => {
                    if (valid) {
		                axios({
		                    method: 'post',
		                    url: '/dzjap/aprecord/update/'+this.editrecordProject.recordId,
		                    // data中必须有recordId
		                    data: this.editrecordProject
		                }).then((res) => {
		                    console.log(res);
		                    if (res.data.code == 200) {
		                        // 提交成功将要执行的代码
		                        this.getData();
		                        this.$message({
		                            message: '修改成功',
		                            type: 'success'
		                        });
		                        this.editdialogForm = false;
		                    }
		                });
		             } else {
	                    console.log("error!!");
	                    return false;
	                }
                });
            },
            // 审定提交
            checkonSubmit(formName) {
                console.log(this.checkrecordProject.recordId);
                this.$refs[formName].validate((valid) => {
                    if (valid) {
		                axios({
		                    method: 'post',
		                    url: '/dzjap/aprecord/check/' + this.checkrecordProject.recordId,
		                    // data中必须有recordId
		                    data: this.checkrecordProject
		                }).then((res) => {
		                    console.log(res);
		                    if (res.data.code == 200) {
		                        // 提交成功将要执行的代码
		                        this.getData();
		                        this.$message({
		                            message: '审定成功',
		                            type: 'success'
		                        });
		                        this.checkdialogForm = false;
		                    }
		                });
	                } else {
	                    console.log("error!!");
	                    return false;
	                }
                });
            },
            // 删除
            del(index, row) {
                this.$confirm('确定要删除吗?', '提示', {
                    confirmButtonText: '确定',
                    cancelButtonText: '取消',
                    type: 'warning'
                }).then(() => {
                    axios({
                        method: 'post',
                        url: '/dzjap/aprecord/delete/' + row.recordId,
                    }).then((res) => {
                        console.log(res);
                        if (res.data.code == 200) {
                            this.recordProject.splice(index, 1);
                            this.getData();
                            this.$message({
                                type: 'success',
                                message: '删除成功!'
                            });
                        }
                    });
                }).catch(() => {
                    this.$message({
                        type: 'info',
                        message: '取消删除'
                    });
                });
            },
            // 上报
            report(index, row) {
                this.$confirm('确定要上报吗?', '提示', {
                    confirmButtonText: '确定',
                    cancelButtonText: '取消',
                    type: 'warning'
                }).then(() => {
                    axios({
                        method: 'post',
                        url: '/dzjap/aprecord/report/' + row.recordId,
                        data: row
                    }).then((res) => {
                        console.log(res.data);
                        if (res.data.code == 200) {
                            // 提交成功将要执行的代码
                            console.log(res.data.msg);
                            this.getData();
                            this.$message({
                                type: 'success',
                                message: '已上报!'
                            });
                        }
                    });
                }).catch(() => {
                    this.$message({
                        type: 'info',
                        message: '取消上报'
                    });
                });
            },
            // 审定
            check(index, row) {
                this.uuid=row.recordId;
                this.link="../upload/annex.html?uuid="+this.uuid+"&falg=0";
                this.checkdialogForm = true;
                this.checkrecordProject = row;
                this.checkrecordProject.checkUser=this.userName;
                this.checkrecordProject.checkUserOrg=this.orgName+"地震局";
                var arr = row.recordProjectAddress.split(",");
                this.checkrecordProject.address=[];
                for(let i=0;i<arr.length;i++){
                    this.checkrecordProject.address.push({
                        provinceValue:arr[i].split("-")[0],
                        cityValue:arr[i].split("-")[1],
                        areaValue:arr[i].split("-")[2],
                        detailAddress:arr[i].split("-")[3],
                        provinceData:[],
                        cityData:[],
                        areaData:[]
                    })
                }
            },
            clearForm(){
            	this.gonggao.title = ''; // 拟制公告标题
                this.gonggao.relationId = '';
                this.gonggao.publicState = '';
                this.gonggao.publicType = '';
                this.gonggao.attachContent = '';
                this.gonggao.isPublic = '0';
            }, 
             // 拟制公告
            gongGao(index,row){
                this.clearForm();
                this.dialogGongGaoForm = true;
				this.viewrecordProject = row;
				this.getUuid();
            },
            viewgongGao(index,row){
            	this.dialogGongGaoViewForm = true;
                axios({
                    method: 'get',
                    url:'/dzjap/publick/getGlTYPublick',
                    params: {
                        relationId: row.recordId,
                        enterType:"5"
                    }
                })
				.then(response => {
					let data = response.data;
					console.log(data);
					if (data.code == 200) {
						let rowdata = response.data.data;
						this.clearForm(); // 重置
                        this.uuid = response.data.data.publicId;
                        this.link="../upload/annex.html?uuid="+this.uuid+"&flag=0";
                        this.gonggao = rowdata;
					} else {
						this.$message.error(data.msg);
					}
				})
				.catch(function (error) {
					console.log(error);
				});
			},
            // 拟制公告--发布
            release(){
            	this.gonggao.relationId = this.viewrecordProject.recordId;
            	this.gonggao.publicId=this.uuid;
                this.gonggao.attachContent = this.gonggao.attachContent.replace(/[\n\r]/g,'<br/>');
                axios({
                    method: 'post',
                    url: '/dzjap/aprecord/addHandle',
                    data: this.gonggao
                })
				.then(response => {
					console.log(response);
					if (response.data.code == 200) {						
						// 拟制公告--发布成功
						this.getData();
						this.$message({
							type: 'success',
							message: '拟制公告发布成功!'
						});
						this.dialogGongGaoForm = false;
						this.clearForm(); // 重置
						
					} else {
						this.$message.error(data.msg);
					}
				})
				.catch(function (error) {
					console.log(error);
				});
            },
            addAddress(){
                this.editrecordProject.address.push({
                    provinceValue:'',
                    cityValue:'',
                    areaValue:'',
                    detailAddress:'',
                    provinceData:[],
                    cityData:[],
                    areaData:[]
                })
                axios.get('../../json/ChinaCity.json').then(res=>{
                    this.editrecordProject.address.forEach((item, index) => {
                    item.provinceData = res.data;
            })
            }).catch(e => {
                    this.$message.error("网络连接超时");
            })
                this.editrecordProject.address.push({
                    provinceValue:'',
                    cityValue:'',
                    areaValue:'',
                    detailAddress:'',
                    provinceData:[],
                    cityData:[],
                    areaData:[]
                })
                axios.get('../../json/ChinaCity.json').then(res=>{
                    this.editrecordProject.address.forEach((item, index) => {
                    item.provinceData = res.data;
            })
            }).catch(e => {
                    this.$message.error("网络连接超时");
            })

            },
            delAddress(index,item){
                this.editrecordProject.address.splice(index, 1);
            },
            chooseProvince(item){
                console.log(item)
                console.log(item.provinceValue)
                item.cityValue='';
                item.areaValue='';
                item.cityData = [];
                item.areaData = [];
                item.provinceData.map(e=>{//遍历数据
                    if( item.provinceValue == e.name){
                    item.cityData = e.cityList;
                    return;
                }
            })
                this.newprovinceValue = item.provinceValue;
            },
            chooseCity(item){
                item.areaValue='';
                item.cityData.map(e=>{//遍历数据
                    if( item.cityValue == e.name){
                    item.areaData = e.areaList;
                    return;
                }
            })
                this.newcityValue = item.cityValue;

            },
            chooseArea(item){
                console.log(item)
                console.log(item.areaValue)
            },
            changeValuetype(value){
                console.log(value)
                if(value == '0' || value == '3'){
                    this.LandType = '0';
                }else{
                    this.LandType = '1';
                }
            },
            // 验证字符串是否电话号
            checkTel(str) {
                let re = /^\d{3}-\d{8}|\d{4}-\d{7}$/;
                if (re.test(str)) {
                    return true;
                } else {
                    return false;
                }
            },
            //验证非负浮点数值
            checkNum(str){
                let re=/^\d+(\.\d+)?$/;
                if (re.test(str)) {
                    return true;
                } else {
                    return false;
                }
            },
            //验证营业执照或证件三合一
            checkCard(str){
                let re=/(^(?:(?![IOZSV])[\dA-Z]){2}\d{6}(?:(?![IOZSV])[\dA-Z]){10}$)|(^\d{15}$)/;
                if (re.test(str)) {
                    return true;
                } else {
                    return false;
                }
            }
        }
    })
</script>
</body>
</html>